<template>
	<view>
		<view class="cu-modal top-modal" :class="showModal?'show':''" @tap="showModal=false">
			<view class="cu-dialog blackbg1">
				<view class="cu-bar ">
					<view class="content text-white">快捷导航</view>
				</view>
				<view class="padding-xl">
					<view class="grid col-4 cu-list">
						<view class="text-white cu-item ">
							<view class="blackbg1 radius margin-lr-xs padding-tb-sm" @tap="goPage('/pages/shop/index')">
								<view class="cuIcon-home"></view>
								<view class="">首页</view>
							</view>
						</view>
						<view class="text-white cu-item ">
							<view class="blackbg1 radius margin-lr-xs padding-tb-sm"  @tap="goPage('/pages/member/index')">
								<view class="cuIcon-my"></view>
								<view class="">我的</view>
							</view>
						</view>
						<view class="text-white cu-item ">
							<view class="blackbg1 radius margin-lr-xs padding-tb-sm"  @tap="goPage('/pages/shop/cart/index')">
								<view class="cuIcon-cart"></view>
								<view class="">购物车</view>
							</view>
						</view>
						<view class="text-white cu-item ">
							<view class="blackbg1 radius margin-lr-xs padding-tb-sm"  @tap="goPage('/pages/shop/order/index')">
								<view class="cuIcon-list"></view>
								<view class="">订单</view>
							</view>
						</view>
						<view class="text-white cu-item ">
							<view class="blackbg1 radius margin-lr-xs padding-tb-sm"  @tap="goPage('/pages/member/notice/index')">
								<view class="cuIcon-message"></view>
								<view class="">消息</view>
							</view>
						</view>
						<view class="text-white cu-item ">
							<view class="blackbg1 radius margin-lr-xs padding-tb-sm"  @tap="goPage('/pages/site/feedback')">
								<view class="cuIcon-post"></view>
								<view class="">咨询/反馈</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {},
		filters: {},
		created: function(e) {},
		data() {
			return {
				showModal: false,
				CLOUDPATH: this.$config.cloudPath,
			}
		},
		methods: {
			show() {
				this.showModal = true
			}
		}
	}
</script>

<style>
	.cu-list.grid {
		background: none;
	}
</style>
